/*8a8a8a*/
#min{
    -fx-background-image: url("img/min3.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

/*2c2c2c*/
#min:hover{
    -fx-background-image: url("img/min2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-cursor: hand;
}

#min:pressed{
    -fx-background-image: url("img/min1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit{
    -fx-background-image: url("img/close3.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:hover{
    -fx-background-image: url("img/close2.png");
    fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#quit:pressed{
    -fx-background-image: url("img/close1.png");
    -fx-background-position: center center;
    -fx-background-repeat: no-repeat;
    -fx-background-color: rgba(255, 255, 255, 0);
    -fx-cursor: hand;
}

#rootPane {
    -fx-background-color: rgb(255, 255, 255);
    -fx-background-radius: 4px;
    -fx-border-width: 1px;
    -fx-border-radius: 4px;
    -fx-border-color: rgb(180, 180, 180);
}

#headPane {
    -fx-background-color: #4467ff;
    -fx-background-radius: 4px 4px 0 0;
}

#headImg {
    -fx-image: url("img/re_bg.jpeg");
}

#headImg:hover {
    -fx-cursor: hand;
}

/*以下是对msgPane的操作*/

#msgPane {
    -fx-background-color: rgba(230, 230, 230, 0.3);
}

#friends, #groups {
    -fx-background-color: transparent;
    -fx-text-fill: grey;
}

#friends:hover, #groups:hover {
    -fx-background-color: transparent;
    -fx-text-fill: black;
    -fx-border-color: transparent transparent lightskyblue transparent;
}

#friends:focused, #groups:focused {
    -fx-background-color: transparent;
    -fx-text-fill: black;
    -fx-border-color: transparent transparent lightskyblue transparent;
}


#add {
    -fx-background-color: transparent;
    -fx-background-image: url("img/add.png");
    -fx-background-repeat: no-repeat;
    -fx-effect: dropShadow(three-pass-box, #72b9da, 5.0,0, 2, 2);
}

#add:hover {
    -fx-background-color: transparent;
    -fx-background-image: url("img/add2.png");
    -fx-background-repeat: no-repeat;
    -fx-effect: none;
}


/*一下是对ListView的操作*/

#fList, #gList {
    -fx-background-color: transparent;
    -fx-border-color: rgba(230, 230, 230, 0.7) transparent transparent transparent;
}

.list-view .scroll-bar:vertical {
    /*-fx-opacity: 0;*/
    -fx-background-color: transparent;
    /*-fx-border-color: transparent transparent transparent lightgrey;*/
}

.list-view .scroll-bar:vertical .increment-button, .list-view .scroll-bar:vertical .decrement-button {
    -fx-opacity: 0;
}

.list-view .scroll-bar:vertical:hover {
    -fx-opacity: 1;
    -fx-background-color: transparent;
}

.list-view .scroll-bar:vertical:pressed {
    -fx-opacity: 1;
    -fx-background-color: transparent;
}

.list-view .scroll-bar:horizontal {
    -fx-opacity: 0;
    visibility: false;
}

.list-view .list-cell {
    /*-fx-background-color: rgb(255,255,255);*/
    -fx-background-color: transparent;
}

.list-view .list-cell:selected {
    -fx-background-color: rgba(180,180,180,0.5);
}

#fMsgList .list-cell:selected, #gMsgList .list-cell:selected {
    -fx-background-color: transparent;
}

#fMsgList .list-cell:hover, #gMsgList .list-cell:hover {
    -fx-background-color: transparent;
}

.list-view .list-cell:hover {
    -fx-background-color: rgba(180,180,180,0.5);
    -fx-background-radius: 4px;
}

.scroll-bar:vertical .track{
    -fx-background-color: transparent;
    -fx-background-radius: 0px;
    -fx-border-color:transparent;
}

.scroll-bar:vertical .thumb{
    -fx-background-color:transparent;
    -fx-background-radius:5px;
}

.scroll-bar:vertical:hover .track, .scroll-bar:vertical:pressed .track {
    -fx-background-color: transparent;
    -fx-background-radius: 0px;
    -fx-border-color:transparent;
}

.scroll-bar:vertical:hover .thumb{
    -fx-background-color: rgba(150,150,150,0.6);
    -fx-background-radius:5px;
}

.scroll-bar:vertical:pressed .thumb{
    -fx-background-color: rgb(150,150,150);
    -fx-background-radius:5px;
}

#fTitlePane, #gTitlePane {
    -fx-border-color: transparent transparent rgba(230, 230, 230, 0.7) transparent;
}

#gBarPane {
    -fx-border-color: transparent transparent transparent rgba(230, 230, 230, 0.7);
}

#fMsgList, #fTextArea, #gMsgList, #gTextArea {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
}

#gMemList {
    -fx-background-color: transparent;
    -fx-border-color: rgba(230, 230, 230, 0.7) transparent transparent transparent;
}


.text-area{
    -fx-background-insets: 0;
    -fx-background-color: transparent, white, transparent, white;
}

.text-area .content {
    -fx-background-color: transparent, white, transparent, white;
}

.text-area:focused {
    -fx-background-color: transparent, white, transparent, white;
}

#fSendPane, #gSendPane {
    -fx-border-color: rgba(230, 230, 230, 0.7) transparent transparent transparent;
}

#fSend, #gSend {
    -fx-background-color: #6599ff;
    -fx-background-image: url("img/send.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: 8px center;
    -fx-text-fill: white;
}

#fSend:hover, #gSend:hover {
    -fx-background-color: lightskyblue;
}
